<?xml version='1.0' encoding='UTF-8' ?>
<!--
    Document   : welcomeICEfaces
    Created on : 01/12/2011, 10:24:57 PM
    Author     : Veronica Ramirez, Victor Jaramillo
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                template="/PlantillaPrincipal.xhtml"
                >

    <ui:define name="contenido" id="RetencionCxc">
        <ice:panelGrid columns="1" id="pgTexto" border="1"   >
            <h:form id="formfiltroFecha">
                <ice:panelGroup id="FechaRetencion" >
                    <table border="0" >
                        <tr>                           
                            <td>
                                Fecha Inicio
                            </td>
                            <td>
                                <ice:selectInputDate id="calendarioinicio" popupDateFormat="yyyy/MM/dd" value="#{retencionControllerCxc.fecInicio}" renderAsPopup="true" style="width:180px" onkeydown="javascript:return false;">
                                    <f:convertDateTime type="date" timeZone="#{retencionControllerCxc.generalTimeZone}"/>
                                </ice:selectInputDate>
                            </td>
                            <td>
                                Fecha Fin
                            </td>
                            <td>
                                <ice:selectInputDate id="calendariofin" popupDateFormat="yyyy/MM/dd" value="#{retencionControllerCxc.fecFin}" renderAsPopup="true" style="width:180px" onkeydown="javascript:return false;" >
                                    <f:convertDateTime type="date" timeZone="#{retencionControllerCxc.generalTimeZone}"/>
                                </ice:selectInputDate>
                            </td>
                        </tr>
                    </table>
                </ice:panelGroup>
            </h:form>
            <h:form id="formCabeceraRetencion">
                <ice:panelGroup id="menuBarText2" menuPopup="menuPopupEffects" >
                    <table border="0" align="center" >
                        <tr>
                            <td width="100%" colspan="9"> <h:panelGrid id="gridPanel1" style="background-color: #036fab; height: 10px;" width="100%"/> </td>
                        </tr>
                        <tr>
                            <td><ice:inputText value="#{retencionControllerCxc.cabeceraRetencion.cxcCodigoCabret}" style="width:90px"   disabled="true"/></td>                            
                            <td><ice:selectInputDate id="calendario" popupDateFormat="yyyy/MM/dd" value="#{retencionControllerCxc.cabeceraRetencion.cxcFechaEmisionCabret}" renderAsPopup="true" style="width:180px"> 
                                    <f:convertDateTime type="date" timeZone="#{retencionControllerCxc.generalTimeZone}"/> </ice:selectInputDate></td>
                            <td><ice:inputText value="#{retencionControllerCxc.cabeceraRetencion.cxcObservacionCabret}" style="width:250px"  disabled="false"/></td>
                            <td><ice:selectOneMenu 	partialSubmit="true"  style="width:90px" value="#{retencionControllerCxc.estadoRetencion.cxpCodigoEstRet}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{retencionControllerCxc.listaEstadoRet}"  itemLabel="#{item.cxpNombreEstRet}" itemValue="#{item.cxpCodigoEstRet}"/>
                                </ice:selectOneMenu>
                            </td>
                            <td><ice:inputText value="#{retencionControllerCxc.cabeceraRetencion.cxcNumeroCabret}" style="width:90px"  disabled="false"/></td>
                            <td><ice:inputText value="#{retencionControllerCxc.cabeceraRetencion.cxcTipoComprobanteCabret}" style="width:90px"  disabled="false"/></td>
                            <td><ice:inputText value="#{retencionControllerCxc.cabeceraRetencion.cxcNumeroDocCabret}" style="width:90px"  disabled="false"/></td>
                            <td><ice:selectOneMenu 	partialSubmit="true"  style="width:90px" value="#{retencionControllerCxc.tipoDocumento.cxpCodigoTipDoc}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{retencionControllerCxc.listaTipoDocumento}"  itemLabel="#{item.cxpNombreTipDoc}" itemValue="#{item.cxpCodigoTipDoc}"/>
                                </ice:selectOneMenu>
                            </td>
                                <td><ice:selectOneMenu 	partialSubmit="true"  style="width:90px" value="#{retencionControllerCxc.cliente.cxcCodigoCli}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{retencionControllerCxc.listaClientes}"  itemLabel="#{item.cxcNombreCli}" itemValue="#{item.cxcCodigoCli}"/>
                                </ice:selectOneMenu>
                            </td>
                        </tr>    
                    </table>
                    <ice:menuPopup id="menuPopupEffects" >

                        <ice:menuItem id="pulsar1"
                                      value="Insertar" icon="/css/imagenes/insertar.png" actionListener="#{retencionControllerCxc.insertarCabeceraRet(actionEvent)}" 
                                      >
                            <f:param name="effectType" value="insertar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar2"
                                      value=" Modificar" icon="/css/imagenes/modificar.png" actionListener="#{retencionControllerCxc.modificarCabeceraRet(actionEvent)}"
                                      >
                            <f:param name="effectType" value="modificar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar3"
                                      value=" Eliminar" icon="/css/imagenes/eliminar.png" actionListener="#{retencionControllerCxc.eliminarCabeceraRet()}"
                                      >
                            <f:param name="effectType" value="eliminar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar4"
                                      value=" Nuevo" icon="/css/imagenes/nuevo.png" actionListener="#{retencionControllerCxc.nuevaCabeceraRet(actionEvent)}"
                                      >
                            <f:param name="effectType" value="nuevo"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar5"
                                      value="Buscar" icon="/css/imagenes/buscar.png"
                                      >
                            <ice:form>
                                <ice:panelPopup id="modalPnlPop1" draggable="false" modal="true" visible="true" autoCentre="true" 
                                                style="z-index: 1000; top: 20%; left: 10%; position: absolute; width: 350px; height: 175px;">
                                    <f:facet name="header">
                                        <ice:panelGroup styleClass="popupHeaderWrapper">
                                            <ice:outputText value="Informe"/>
                                            <ice:commandButton id="modalPnlCloseBtn1"
                                                               value="x"
                                                               actionListener="#{retencionControllerCxc.llamarPanelvisible(event)}"
                                                               title="Cerrar" alt="Cerrar"/>
                                        </ice:panelGroup>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGroup>
                                            <ice:messages globalOnly="false" showSummary="true" showDetail="true"/><br/>

                                        </ice:panelGroup>
                                    </f:facet>
                                </ice:panelPopup>
                            </ice:form>
                            <f:param name="effectType" value="buscar"/>
                        </ice:menuItem>
                    </ice:menuPopup>
                </ice:panelGroup>
            </h:form> 
            <!-- Tabla de Cabeceras -->
            <h:form id="formTablaCabecera">
                <ice:dataTable id="employeeList" var="item1" value="#{retencionControllerCxc.listaCabeceraRet}" columnClasses="tableCol" scrollable="true" scrollHeight="150px" >
                    <ice:column>
                        <ice:rowSelector id="selected" selectionListener="#{retencionControllerCxc.rowSelectionListenerCabRet}" multiple="false" selectedClass="tableRowSelected" mouseOverClass="tableRowMouseOver" /> 
                        <f:facet name="header">                            
                            <ice:outputText id="column0" value="Código" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="CodigoCabRet"  value="#{item1.cxcCodigoCabret}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column1" value="Fecha" style="width:150px"/>
                        </f:facet>
                        <ice:outputText id="FechaCabRet"  value="#{item1.cxcFechaEmisionCabret}"  style="width:150px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column2" value="Observación" style="width:260px"/>
                        </f:facet>
                        <ice:outputText id="DescripcionCabRet"  value="#{item1.cxcObservacionCabret}"  style="width:260px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column3" value="Estado" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="EstadoCabRet"  value="#{item1.cxpCodigoEstRet.cxpNombreEstRet}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column4" value="Número Contable" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="NumeroCabRet"  value="#{item1.cxcNumeroCabret }"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column5" value="Tipo Comprobante" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="TipoComprobanteCabRet"  value="#{item1.cxcTipoComprobanteCabret}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column6" value="Número Documento" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="numeroDocumentoCabRet"  value="#{item1.cxcNumeroDocCabret}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column7" value="Tipo Documento" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="TipoDocumento"  value="#{item1.cxpCodigoTipDoc.cxpNombreTipDoc}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column8" value="Cliente" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="Cliente"  value="#{item1.cxcCodigoCli.cxcNombreCli}"  style="width:90px"  />
                    </ice:column>
                </ice:dataTable>


            </h:form>
            
            <h:form id="formDetalleRetencion">
                <ice:panelGroup id="menuBarText2" menuPopup="menuPopupEffects" >
                    <table border="0" >
                        <tr>
                            <td width="100%" colspan="8"> <h:panelGrid id="gridPanel1" style="background-color: #036fab; height: 10px;" width="100%"/> </td>
                        </tr>
                        <tr>
                            <td><ice:inputText value="#{retencionControllerCxc.detalleRetencion.cxcCodigoDetRet}" style="width:90px"   disabled="true"/></td>                            
                            <td><ice:inputText value="#{retencionControllerCxc.detalleRetencion.cxcBaseImponibleDetRet}" style="width:90px"/></td>                            
                            <td><ice:inputText value="#{retencionControllerCxc.detalleRetencion.cxcPorcentajeDetRet}" style="width:90px"/></td>                            
                            <td><ice:inputText value="#{retencionControllerCxc.detalleRetencion.cxcValorDetRet}" style="width:90px"/></td>                                                        
                            <td><ice:selectOneMenu 	partialSubmit="true"  style="width:380px" value="#{retencionControllerCxc.retencion.cxpCodigoRet}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{retencionControllerCxc.listaRetenciones}"  itemLabel="#{item.cxpNombreRet}" itemValue="#{item.cxpCodigoRet}"/>
                                </ice:selectOneMenu>
                            </td>
                            <td><ice:selectOneMenu 	partialSubmit="true"  style="width:90px" value="#{retencionControllerCxc.impuesto.cxpCodigoImp}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{retencionControllerCxc.listaImpuestos}"  itemLabel="#{item.cxpNombreImp}" itemValue="#{item.cxpCodigoImp}"/>
                                </ice:selectOneMenu>
                            </td>
                            
                           
                        </tr>    
                    </table>
                    <ice:menuPopup id="menuPopupEffects" >

                        <ice:menuItem id="pulsar1"
                                      value="Insertar" icon="/css/imagenes/insertar.png" actionListener="#{retencionControllerCxc.insertarDetalleRet(actionEvent)}" 
                                      >
                            <f:param name="effectType" value="insertar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar2"
                                      value=" Modificar" icon="/css/imagenes/modificar.png" actionListener="#{retencionControllerCxc.modificarDetalleRet(actionEvent)}"
                                      >
                            <f:param name="effectType" value="modificar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar3"
                                      value=" Eliminar" icon="/css/imagenes/eliminar.png" actionListener="#{retencionControllerCxc.eliminarDetalleRet()}"
                                      >
                            <f:param name="effectType" value="eliminar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar4"
                                      value=" Nuevo" icon="/css/imagenes/nuevo.png" actionListener="#{retencionControllerCxc.nuevoDetalleRet(actionEvent)}"
                                      >
                            <f:param name="effectType" value="nuevo"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar5"
                                      value="Buscar" icon="/css/imagenes/buscar.png"
                                      >
                            <ice:form>
                                <ice:panelPopup id="modalPnlPop1" draggable="false" modal="true" visible="true" autoCentre="true" 
                                                style="z-index: 1000; top: 20%; left: 10%; position: absolute; width: 350px; height: 175px;">
                                    <f:facet name="header">
                                        <ice:panelGroup styleClass="popupHeaderWrapper">
                                            <ice:outputText value="Informe"/>
                                            <ice:commandButton id="modalPnlCloseBtn1"
                                                               value="x"
                                                               actionListener="#{retencionControllerCxc.llamarPanelvisible(event)}"
                                                               title="Cerrar" alt="Cerrar"/>
                                        </ice:panelGroup>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGroup>
                                            <ice:messages globalOnly="false" showSummary="true" showDetail="true"/><br/>

                                        </ice:panelGroup>
                                    </f:facet>
                                </ice:panelPopup>
                            </ice:form>
                            <f:param name="effectType" value="buscar"/>
                        </ice:menuItem>
                    </ice:menuPopup>
                </ice:panelGroup>
            </h:form> 
            <!-- Tabla de Cabeceras -->
            <h:form id="formTablaDetalle">
                <ice:dataTable id="employeeList" var="item" value="#{retencionControllerCxc.listaDetalleRet}" columnClasses="tableCol" scrollable="true" scrollHeight="150px" >
                    <ice:column>
                        <ice:rowSelector id="selected" selectionListener="#{retencionControllerCxc.rowSelectionListenerDetalle}" multiple="false" selectedClass="tableRowSelected" mouseOverClass="tableRowMouseOver" /> 
                        <f:facet name="header">                            
                            <ice:outputText id="column0" value="Código" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="CodigoDetRet"  value="#{item.cxcCodigoDetRet}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column1" value="Base imponible" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="BaseDetRet"  value="#{item.cxcBaseImponibleDetRet}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column2" value="Porcentaje" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="porcentajeDetRet"  value="#{item.cxcPorcentajeDetRet}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column3" value="Valor" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="ValorDetRet"  value="#{item.cxcValorDetRet}"  style="width:90px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column4" value="Retención" style="width:370px"/>
                        </f:facet>
                        <ice:outputText id="RetencionDetRet"  value="#{item.cxpCodigoRet.cxpNombreRet}"  style="width:370px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column5" value="Impuesto" style="width:90px"/>
                        </f:facet>
                        <ice:outputText id="ImpuestoDetRet"  value="#{item.cxpCodigoImp.cxpNombreImp}"  style="width:90px"  />
                    </ice:column>
            </ice:dataTable>


            </h:form>
            
            
            
            
        </ice:panelGrid>
        <!--Panel popup para los mensajes de error que se presente en  los errores-->

        <ice:form>
            <ice:panelPopup id="modalPnlPop" draggable="false" modal="true" visible="#{retencionControllerCxc.panelvisible}" autoCentre="true" 
                            style="z-index: 1000; top: 20%; left: 10%; position: absolute; width: 300px; height: 150px;">
                <f:facet name="header">
                    <ice:panelGroup styleClass="popupHeaderWrapper">
                        <ice:outputText value="Informe"/>
                        <ice:commandButton id="modalPnlCloseBtn"
                                           value="x"
                                           actionListener="#{retencionControllerCxc.llamarPanelvisible(event)}"
                                           title="Cerrar" alt="Cerrar"/>
                    </ice:panelGroup>
                </f:facet>
                <f:facet name="body">
                    <ice:panelGroup>
                        <ice:messages globalOnly="false" showSummary="true" showDetail="true"/><br/>

                    </ice:panelGroup>
                </f:facet>
            </ice:panelPopup>
        </ice:form>
    </ui:define>
</ui:composition>